import React from 'react';
import { CardBox, ListItem } from 'web-component';

export default () => {
  return (
    <div
      style={{
        margin: 0,
        padding: 0,
        height: '100vh',
        width: '100%',
        backgroundColor: 'gray',
        overflow: 'hidden',
      }}
    >
      <CardBox title="日月">
        <div
          style={{
            width: '100%',
            fontSize: 16,
          }}
        >
          <ListItem required label="姓名">
            <span>张三</span>
          </ListItem>
          <ListItem required={false} label="电话">
            <span>18888888888</span>
          </ListItem>
        </div>
      </CardBox>
    </div>
  );
};
